import React, {Component} from 'react';
import {
    StyleSheet,
    Image,
    Style
} from 'react-native';
import {TabNavigator} from "react-navigation";

import HomePage from './HomePage';
import ChatPage from './ChatScreen';
import MinePage from './MinePage';
import OtherPage from './OtherPage'


const mainPage = TabNavigator({


    Home: {
        screen: HomePage,

        navigationOptions: {
            //默认参数

            header: null
        }
    },

    Other: {

        screen: OtherPage,

        navigationOptions: {
            header: null
        }


    },


    Chat: {

        screen: ChatPage,

        navigationOptions: {

            header: null
        }
    },

    Mine: {

        screen: MinePage,

        navigationOptions: {


            tabBarLabel: "我的",

            header: null,

            headerTitleStyle: {
                alignSelf: 'center'
            }

        }
    },


});


const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    icon: {
        width: 20,
        height: 20
    }
});


export default mainPage;